<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程列表</title>
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/list/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/list/common.css">
    <!-- 引入list样式 -->
    <link rel="stylesheet" href="css/list/list.css">
    <!-- 引入jQuery文件 -->
    <script src="lib/jquery.min.js"></script>
    <!-- 引入list.js文件 -->
    <script src="js/list/list.js"></script>
    <!-- 引入三级联动.js文件 -->
    <script src="js/list/threeLevelLink.js"></script>
</head>

<body>
    <!-- 顶部模块---start -->
    <div class="header clearfix">
        <div class="logo fl">
            <a href="#" title="学成教育网"></a>
        </div>
        <nav class="fl">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="introduction.html">课程</a></li>
                <li><a href="plan.html">职业规划</a></li>
            </ul>
        </nav>
        <div class="pearson fr">
            <i></i>
            <a href="set.html" id="user">个人中心</a>
            <img class="ld" src="images/list/ld.png" alt="" />
            <a href="#" class="qq">
                <img src="images/list/pic.png" />
            </a>
            <a href="#">qq_login</a>
        </div>
        <div class="search fr">
            <input type="search" name="search" placeholder="输入关键字" />
            <button><img src="images/list/fa-search.png"></button>
        </div>
    </div>
    <!-- 顶部模块---end -->
    <!-- banner-list区域---start -->
    <div class="banner_list ">
        <div class="w">
            <div class="classify">
                <ul>
                    <li>一级分类 <span>全部</span></li>
                </ul>
                <ul>
                    <li>二级分类 <span>全部</span></li>
                </ul>
                <ul>
                    <li>难度等级 <span>全部</span></li>
                </ul>
                <a href="#" class="more"></a>
            </div>
            <div class="select-box ">
                <div class="wrap">
                    <ul class="first"></ul>
                    <ul class="second"></ul>
                    <ul class="third"></ul>
                </div>
            </div>
        </div>
    </div>
    <!-- banner-list区域---end -->

    <!-- main-主体模块---start -->
    <div class="main w clearfix">
        <div class="recommend">
            <div class="recommend-hd">
                <ul>
                    <li class="current">&nbsp;&nbsp;推荐</li>
                    <li>最新</li>
                    <li>热评</li>
                </ul>
                <div> <a href="#" class="left">&lt;</a> <input type="text" class="itxt" value="1" readonly="readonly">/3
                    <a href="#" class=right> &gt;</a> </div>
            </div>
            <div class="recommend-bd">
                <div class="nav nav_recommend" style="display: block;">
                    <ul class="clearfix">
                        <li>
                            <em> <img src="images/list/hot.png" alt=""> </em>
                            <img src="images/list/course.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/new.png" alt=""> </em>
                            <img src="images/list/android.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/angular.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/app.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/hot.png" alt=""> </em>
                            <img src="images/list/course.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/new.png" alt=""> </em>
                            <img src="images/list/android.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/angular.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/app.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/hot.png" alt=""> </em>
                            <img src="images/list/course.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/new.png" alt=""> </em>
                            <img src="images/list/android.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/angular.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/app.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/hot.png" alt=""> </em>
                            <img src="images/list/course.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/new.png" alt=""> </em>
                            <img src="images/list/android.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/angular.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/app.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>



                    </ul>
                </div>
                <div class="nav nav_new">
                    <ul class="clearfix">
                        <li>
                            <em> <img src="images/list/hot.png" alt=""> </em>
                            <img src="images/list/course.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/new.png" alt=""> </em>
                            <img src="images/list/android.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/angular.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>

                            <img src="images/list/app.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="nav nav_comment">
                    <ul class="clearfix">
                        <li>
                            <em> <img src="images/list/hot.png" alt=""> </em>
                            <img src="images/list/course.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                        <li>
                            <em> <img src="images/list/new.png" alt=""> </em>
                            <img src="images/list/android.png" alt="">
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <div class="info">
                                <span>高级</span> • 1125人在学习
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="page">
                <a href="###" class="first">首页</a>
                <a href="###" class="prev">上一页</a>
                <a href="###" class="btn blue">1</a>
                <a href="###" class="btn">2</a>
                <a href="###" class="btn">3</a>
                <a href="###" class="btn">4</a>
                <a href="###" class="btn">5</a>
                <a href="###" class="btn">6</a>
                <a href="###" class="btn">7</a>
                <a href="###" class="next">下一页</a>
                <a href="###" class="last">尾页</a>
            </div>
        </div>
        <div class="top">
            <aside class="tops ">
                <div class="top_hd">
                    <h3>精品TOP榜</h3>
                </div>
                <div class="top_bd">
                    <div class="bg">
                        通过对ThinkPHP框架基础知识的讲解，带领大家由浅入深轻松掌握ThinkPHP的理论基础，更加全面的掌握ThinkPHP框架运行机制……
                    </div>
                    <div class="line">
                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                        <div class="info">
                            <span>高级</span> • 1125人在学习
                        </div>
                    </div>
                    <div class="line">
                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                        <div class="info">
                            <span>高级</span> • 1125人在学习
                        </div>
                    </div>
                    <div class="line">
                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                        <div class="info">
                            <span>高级</span> • 1125人在学习
                        </div>
                    </div>
                </div>
            </aside>
            <aside class="like">
                <div class="top_hd">
                    <h3>猜你喜欢</h3>
                </div>
                <div class="top_bd">
                    <div class="bg">
                        通过对ThinkPHP框架基础知识的讲解，带领大家由浅入深轻松掌握ThinkPHP的理论基础，更加全面的掌握ThinkPHP框架运行机制……
                    </div>
                    <div class="line">
                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                        <div class="info">
                            <span>高级</span> • 1125人在学习
                        </div>
                    </div>
                    <div class="line">
                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                        <div class="info">
                            <span>高级</span> • 1125人在学习
                        </div>
                    </div>
                    <div class="line">
                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                        <div class="info">
                            <span>高级</span> • 1125人在学习
                        </div>
                    </div>
                </div>
            </aside>
        </div>
    </div>
    <!-- main-主体模块---end -->

    <!-- 底部模块---start -->
    <div class="footer">
        <div class="w">
            <div class="copyright">
                <img src="images/list/logo.png" alt="">
                <p>
                    学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。
                    <br>
                    © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号
                </p>
                <a href="#" class="app">app下载</a>
            </div>
            <div class="links">
                <dl>
                    <dt>
                        关于学成网
                    </dt>
                    <dd><a href="#">关于</a></dd>
                    <dd><a href="#">管理团队</a></dd>
                    <dd><a href="#">工作机会</a></dd>
                    <dd><a href="#">客户服务</a></dd>
                    <dd><a href="#">帮助</a></dd>
                </dl>
                <dl>
                    <dt>新手指南</dt>
                    <dd><a href="#">如何注册</a></dd>
                    <dd><a href="#">如何选课</a></dd>
                    <dd><a href="#">如何拿到毕业证</a></dd>
                    <dd><a href="#">学分是什么</a></dd>
                    <dd><a href="#">考试未通过怎么办</a></dd>
                </dl>
                <dl>
                    <dt>合作伙伴</dt>
                    <dd><a href="#">合作机构</a></dd>
                    <dd><a href="#">合作导师</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- 底部模块---end -->

</body>

</html>